<template>
	<view class="">
		<view class="d-flex  border-bottom  py-1 my-3" v-for="item in news" :key="item.id" @click="jump(item)">
			<view class="userDesc d-flex flex-column j-around w-100">
				<text class="text-dark font-md font-weight">{{item.title}}</text>
				<text class="text-dark font-sm show-line-3">
					{{item.excerpt}}
				</text>
			</view>
		</view>
	</view>
	
</template>

<script>
	export default {
		props: {
			news:{
				type:Object
			},
			width:{
				type:String,
				default:'200rpx'
			},
			height:{
				type:String,
				default:'140rpx'
			},
			borderRadius:{
				type:String,
				default:'20rpx'
			},
			showBtn:{
				type:Boolean,
				default:true
			}
		},
		
		methods:{
			jump(item){
				uni.navigateTo({
					url: '/pages/news_detail/news_detail?id='+item.id,
					success: res => {},
					fail: () => {},
					complete: () => {}
				});
			},
		}
	}
</script>

<style>
	
	.yy{
		margin-left: 76%;
		border: 1px solid #FF5D60;
		border-radius: 60rpx;
		color:#FF5D60
	}
</style>
